<template>
  <div :title="'标题'">
    <h3 name="名称">标题</h3>
    <p>关于首页：{{ aaa }}</p>
  </div>
</template>

<script>
const testStr = '李华'
export default {
  data: {
    // 被提取出的key值按照该属性名来命名可能更好，但是目前不太好判断，所以还没处理~
    aaa: '标题',
    bbb: '称呼：' + testStr,
    ccc: `名称：${testStr}`
  },
  methods: {
    test() {
      // 像这种if里面的是不会被转换的，所以需要自行确认是否有风险
      if (testStr === '你好') {
        console.log(testStr + '内容')
      }
      const ddd = testStr === '李华' ? '你好' : '再见'
      console.log(ddd, testStr + '再见')
    }
  },
}
</script>


<style lang="scss">
  /* 标题 */
</style>